﻿@model DateTime
@{
    System.Globalization.CultureInfo ci = new System.Globalization.CultureInfo("en-US");
}
<div class="CAL-MonthView-Menu">
    <div class="CAL-MonthView-Menu-Item" style="float:left;">
        <div class="CAL-MonthView-Menu-VerticallyAlignedToMiddle">
            <h2 class="CAL-MonthView-MounhName" style="float:left;">
                @Model.ToString("MMMM yyyy", ci)
            </h2>
        </div><div class="CAL-DivHelper"></div>
    </div>
    <div class="CAL-MonthView-Menu-Item" style="float:left;">
        <div class="CAL-MonthView-Menu-VerticallyAlignedToMiddle">
            <p class="CAL-Symbol CAL-Header-Arrow" >
                @Ajax.ActionLink("", "Month", new { year = Model.AddMonths(-1).Year, mounth=Model.AddMonths(-1).Month }, new AjaxOptions { InsertionMode = InsertionMode.Replace, UpdateTargetId = "CAL-Calendar-Content", LoadingElementId = "CAL-Calendar-LoaderImage", OnComplete="updateViewModel" })
                @Ajax.ActionLink("","Month",new{year = Model.AddMonths(1).Year, mounth=Model.AddMonths(1).Month}, new AjaxOptions{ InsertionMode= InsertionMode.Replace, UpdateTargetId="CAL-Calendar-Content", LoadingElementId="CAL-Calendar-LoaderImage", OnComplete="updateViewModel" })
            </p>
        </div><div class="CAL-DivHelper"></div>
    </div>
    <div class="CAL-MonthView-Menu-Item" style="float:right;">
        <div class="CAL-MonthView-Menu-VerticallyAlignedToMiddle">
            <nav>
                <ul id="CAL-Calendar-Menu" class="menu">
                    <li>@Ajax.ActionLink("Month","Month", new AjaxOptions{ InsertionMode= InsertionMode.Replace, UpdateTargetId="CAL-Calendar-Content", LoadingElementId="CAL-Calendar-LoaderImage" })</li>
                    <li>@Ajax.ActionLink("Week","Week", new AjaxOptions{ InsertionMode= InsertionMode.Replace, UpdateTargetId="CAL-Calendar-Content", LoadingElementId="CAL-Calendar-LoaderImage"  })</li>
                    <li>@Ajax.ActionLink("Day","Day", new AjaxOptions{ InsertionMode= InsertionMode.Replace, UpdateTargetId="CAL-Calendar-Content", LoadingElementId="CAL-Calendar-LoaderImage"  })</li>
                </ul>
            </nav>
        </div><div class="CAL-DivHelper"></div>
    </div>
    <div class="CAL-MonthView-Menu-Item" style="float:right;">
        <div class="CAL-MonthView-Menu-VerticallyAlignedToMiddle">
            <img id="CAL-Calendar-LoaderImage" alt="loading..." src="~/Images/loading-bar.gif" style="display:none" />
        </div><div class="CAL-DivHelper"></div>
    </div>
    <div style="clear:both;"> </div>
</div>